/**
* ======================================
* 企业端
* author: sky52
* file: enterprise.vue
* date: 2022/7/10 22:43
* ======================================
*/
<template>
  <div class="login-container">
    <div class="content-wrap">
      <div class="img-box">
        <div class="image">
          <img src="@/assets/login/government/logo.png" class="logo">
        </div>
        <div class="title">{{ title }}</div>
      </div>
      <login-form :type="type" />
    </div>
  </div>
</template>

<script>
import main from './main'
export default {
  name: 'Login',
  mixins: [main],
  data() {
    return {
      type: 2
    }
  }
}
</script>

<style lang="scss" scoped>
$page-bg: rgb(150,196,249);
$text-color:#097FF5;
.flex{
  flex: 1;
}
.login-container {
  min-height: 100%;
  width: 100%;
  background-color: $page-bg;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  .content-wrap {
    position: relative;
    box-sizing: border-box;
    width: 1366px;
    display: flex;
    .img-box{
      flex: 1;
      position: relative;
      .image{
        .logo{
          position: absolute;
          z-index: 1;
          right: 115px;
          top: 135px;
          width: 663px;
          height: 437px;
        }
        .front{
          position: absolute;
          z-index: 0;
          right: 502px;
          top: -20px;
          width: 275px;
          height: 275px;
        }
      }
      .title{
        position: absolute;
        right: 265px;
        top: 605px;
        text-align: right;
        height: 38px;
        font-size: 38px;
        font-weight: 400;
        color: $text-color;
      }
    }
  }
}
</style>
